<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>这里搞个大屏可以</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdn.staticfile.org/animate.css/3.1.0/animate.min.css" rel="stylesheet"/>
    <!--<link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>-->
    <script src="https://lib.baomitu.com/echarts/5.1.0/echarts.common.min.js"></script>
</head>

<body class="gray-bg">
<div class="row  border-bottom white-bg dashboard-header">
    <div class="col-sm-12">
        <blockquote style="font-size:20px">
            <span>平台总统计:&nbsp;</span>
            <span>&nbsp;总收款金额:&nbsp;</span><span th:text="${vwPlatformStat.sumCash}"></span>
<!--            <span>&nbsp;商户手续费:&nbsp;</span><span th:text="${vwPlatformStat.sumBusinessFee}"></span>-->
<!--            <span>&nbsp;支付商手续费:&nbsp;</span><span th:text="${vwPlatformStat.sumPayerFee}"></span>-->
<!--            <span>&nbsp;通道商手续费:&nbsp;</span><span th:text="${vwPlatformStat.sumChannelFee}"></span>-->
<!--            <span>&nbsp;总订单数:&nbsp;</span><span th:text="${vwPlatformStat.sumOrder}"></span>-->
<!--            <span>&nbsp;成功订单数:&nbsp;</span><span th:text="${vwPlatformStat.sumSuccessOrder}"></span>-->
<!--            <span>&nbsp;总成功率:&nbsp;</span><span th:text="${vwPlatformStat.sucessRate}"></span>-->
        </blockquote>
        <hr>
    </div>
    <!--<div class="col-sm-3">-->
        <!--<h2>左边栏</h2>-->
    <!--</div>-->
    <!--<div class="col-sm-5">-->
        <!--<h2>中间栏</h2>-->
    <!--</div>-->
    <!--<div class="col-sm-4">-->
        <!--<h2>右边栏</h2>-->
    <!--</div>-->
</div>
<div class="row  border-bottom white-bg dashboard-header">
    <div class="col-sm-12">
        <blockquote style="font-size:20px">
            <span>今日平台统计:&nbsp;</span>
            <span>&nbsp;总收款金额:&nbsp;</span><span th:text="${vwPlatformDayStat.sumCash}"></span>
<!--            <span>&nbsp;商户手续费:&nbsp;</span><span th:text="${vwPlatformDayStat.sumBusinessFee}"></span>-->
<!--            <span>&nbsp;支付商手续费:&nbsp;</span><span th:text="${vwPlatformDayStat.sumPayerFee}"></span>-->
<!--            <span>&nbsp;通道商手续费:&nbsp;</span><span th:text="${vwPlatformDayStat.sumChannelFee}"></span>-->
<!--            <span>&nbsp;总订单数:&nbsp;</span><span th:text="${vwPlatformDayStat.sumOrder}"></span>-->
<!--            <span>&nbsp;成功订单数:&nbsp;</span><span th:text="${vwPlatformDayStat.sumSuccessOrder}"></span>-->
<!--            <span>&nbsp;总成功率:&nbsp;</span><span th:text="${vwPlatformDayStat.sucessRate}"></span>-->
        </blockquote>
        <hr>
    </div>
</div>

<div class="row  border-bottom white-bg dashboard-header">
    <div class="col-sm-12">
        <blockquote style="font-size:20px">
            <span>昨日平台统计:&nbsp;</span>
            <span>&nbsp;总收款金额:&nbsp;</span><span th:text="${vwPlatformPreDayStat.sumCash}"></span>
<!--            <span>&nbsp;商户手续费:&nbsp;</span><span th:text="${vwPlatformPreDayStat.sumBusinessFee}"></span>-->
<!--            <span>&nbsp;支付商手续费:&nbsp;</span><span th:text="${vwPlatformPreDayStat.sumPayerFee}"></span>-->
<!--            <span>&nbsp;通道商手续费:&nbsp;</span><span th:text="${vwPlatformPreDayStat.sumChannelFee}"></span>-->
<!--            <span>&nbsp;总订单数:&nbsp;</span><span th:text="${vwPlatformPreDayStat.sumOrder}"></span>-->
<!--            <span>&nbsp;成功订单数:&nbsp;</span><span th:text="${vwPlatformPreDayStat.sumSuccessOrder}"></span>-->
<!--            <span>&nbsp;总成功率:&nbsp;</span><span th:text="${vwPlatformPreDayStat.sucessRate}"></span>-->
        </blockquote>
        <hr>
    </div>
</div>

<div id="planform" style="width: 600px;height:400px;"></div>
<div id="planform2" style="width: 600px;height:400px;"></div>
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-4">

            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>联系信息</h5>

                </div>
            </div>
        </div>

    </div>
</div>
<script th:inline="javascript">
    // window.setInterval(function(){
    //     window.location.reload();
    // },10000)
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('planform'));

    // 指定图表的配置项和数据
    var userSum = [[${vwPlatformUserStat.userSum}]];
    var childSum = [[${vwPlatformUserStat.childSum}]];
    var firstSum = [[${vwPlatformUserStat.firstSum}]];
    var secondSum = [[${vwPlatformUserStat.secondSum}]];
    var thirdSum = [[${vwPlatformUserStat.thirdSum}]];
    var paySum = [[${vwPlatformUserStat.paySum}]];
    var rechagingSum = [[${vwPlatformUserStat.rechagingSum}]];
    var onlineSum = [[${vwPlatformUserStat.onlineSum}]];
    var freezeSum = [[${vwPlatformUserStat.freezeSum}]];
    var freezeRealAmount = [[${vwPlatformUserStat.freezeRealAmount}]];
    var freezeAmount = [[${vwPlatformUserStat.freezeAmount}]];

    var option = {
        title: {
            text: '人数统计'
        },
        tooltip: {},
        legend: {
            data:['用户数']
        },
        xAxis: {
            // data: ["用户数","分裂总数","一级分裂数","二级分裂数","三级分裂数","付款人数","当前提现人数","当前在线人数","冻结人数"]
            data: ["用户数","分裂总数","一级分裂数","付款人数","当前提现人数","当前在线人数","冻结人数"]
        },
        yAxis: {},
        series: [{
            name: '用户数',
            type: 'bar',
            // data: [userSum, childSum, firstSum, secondSum, thirdSum, paySum,rechagingSum,onlineSum,freezeSum]
            data: [userSum, childSum, firstSum, paySum,rechagingSum,onlineSum,freezeSum]
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);


    myChart = echarts.init(document.getElementById('planform2'));


    // 指定图表的配置项和数据
    var sumCash = [[${vwPlatformStat.sumCash}]];
    var hasCashSum = [[${vwPlatformUserStat.hasCashSum}]];
    var frzzingCash = [[${vwPlatformUserStat.frzzingCash}]];

    option = {
        title: {
            text: '金额统计'
        },
        tooltip: {},
        legend: {
            data:['金额统计']
        },
        xAxis: {
            data: ["充值金额","已提现金额","提现中金额","冻结金额","实际冻结金额"]
        },
        yAxis: {},
        series: [{
            name: '金额统计',
            type: 'bar',
            data: [sumCash, hasCashSum, frzzingCash,freezeRealAmount,freezeAmount]
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>
</html>
